<template>
  <div>
    <input type="text" v-focus>
    {{ x }} - {{ y }}
    {{ text }}-{{ copied }}-{{ isSupported }}
    <button @click="copy">复制</button>
    <button @click="toggle">全屏/不全屏</button>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useMouse, useFullscreen, useClipboard } from '@vueuse/core'
const { x, y } = useMouse()
const num = ref(1234)
const { text, copy, copied, isSupported } = useClipboard({ num:num.value })
const { toggle } = useFullscreen()
</script>

<style lang="scss" scoped></style>